// 放大镜

$('.middle').hover(function(){
    $('.enlarge>img').attr('src',$(this).find('img').attr('src'))
    $('.shadow').show()
    $('.enlarge').show()
    $('.middle').mousemove(e=>{
        var x=e.pageX
        var y=e.pageY
        var leftx=x-$('.shadow').width()/2
        var topy=y-$('.shadow').height()/2

        if(leftx<$('.middle').offset().left){
            leftx=$('.middle').offset().left
        }
        if(leftx>$('.middle').offset().left+$('.middle').width()-$('.shadow').width()){
            leftx=$('.middle').offset().left+$('.middle').width()-$('.shadow').width()
        }
        if(topy<$('.middle').offset().top){
            topy=$('.middle').offset().top
        }
        if(topy>$('.middle').offset().top+$('.middle').height()-$('.shadow').height()){
            topy=$('.middle').offset().top+$('.middle').height()-$('.shadow').height()
        }
        $('.shadow').offset(
            {
                left:leftx,
                top:topy
            }
        )
        // 遮罩层移动距离/中图 = img移动巨鹿/大图
        $('.enlarge>img').css({
            left:-$('.shadow').position().left/$('.middle').width()*$('.enlarge>img').width(),
            top:-$('.shadow').position().top/$('.middle').height()*$('.enlarge>img').height()
        })


    })

    
},function(){
    $('.shadow').hide()
    $('.enlarge').hide()
})

$('.h_logo').click(function(){
    location.href="./home.html"
})

$.get('./data/list.json',function(data){
    var dataid=location.search
    dataid=dataid.split('=')

    for (const item in data) {
        if(data[item].pid==dataid[1]){
           $('.middle>img').attr('src',data[item].listimg)
           $('.product_msg>h2').text(data[item].name)
           $('.comprice').text(data[item].price)
            $('.sale-desc').text(data[item].text)
           return
        }
    }
   
})
localStorage.removeItem('url')

var pid=location.search
pid=pid.split('=')[1]

// 判断是否登录，如果没有登录不能添加购物车
$('.shoping-btn>a').click(function(){
    if(!selectCookie("keyusername")){
        layer.msg("没有登录不能添加购车请跳转登录页面",{
            icon:2,
            tiem:1500
        },function(){
            localStorage.setItem('url',location.href)
            location.href="./login.html"
        })
        return
    }
    var username=selectCookie("keyusername")
    
    var str=localStorage.getItem('cartdata')
    if(str){
        var arr = JSON.parse(str)
        var data = arr.find(item=>item.username === username && item.pid === pid)
        if(data){
            // 找到这个数据了
            data.number++
            localStorage.setItem('cartdata',JSON.stringify(arr))
        }else{
            var obj = {
                pid,
                number:1,
                username
            }
            arr.push(obj)
            localStorage.setItem('cartdata',JSON.stringify(arr))
        }
    }else{
        var obj = {
            pid:pid,
            number:1,
            username
        }
        var arr = [];
        arr.push(obj)
        localStorage.setItem('cartdata',JSON.stringify(arr))
    }
    layer.msg('购物车添加成功，请移步购物车结算',{
        icon:1,
        time:1500
    })

   
})